iT邦幫忙

2024 iThome 鐵人賽

DAY 7
0
JavaScript

入門JavaScript系列 第 7

資料型態應用

  • 分享至 

  • xImage
  •  

JavaScript 中的資料型態在實際應用中非常重要
以下是一些具體的應用範例,展示如何使用不同的資料型態:

1. 數字(Number)應用

用於進行計算和數學操作。

let length = 5;
let width = 10;
let area = length * width; // 計算面積
console.log('Area:', area); // Area: 50

2. 字符串(String)應用

用於處理文本和生成用戶界面。

let firstName = 'John';
let lastName = 'Doe';
let fullName = `${firstName} ${lastName}`; // 字串插值
console.log('Full Name:', fullName); // Full Name: John Doe

3. 布林值(Boolean)應用

用於控制程式的流,特別是在條件語句中。

let isLoggedIn = true;

if (isLoggedIn) {
    console.log('Welcome back!');
} else {
    console.log('Please log in.');
}

4. 空值(null)與未定義(undefined)應用

用於表示缺失的數據或尚未初始化的變數。

let user = null; // 尚未指定用戶
if (user === null) {
    console.log('No user is logged in.');
}

let score; // 尚未賦值
console.log('Score:', score); // Score: undefined

5. 符號(Symbol)應用

用於創建唯一的屬性鍵,避免屬性名的衝突。

const uniqueID = Symbol('id');

let user = {
    name: 'Alice',
    [uniqueID]: 1234 // 使用 Symbol 作為屬性鍵
};

console.log(user[uniqueID]); // 1234

6. 對象(Object)應用

用於儲存結構化數據,如用戶資料。

let person = {
    name: 'Bob',
    age: 25,
    greet: function() {
        console.log(`Hello, my name is ${this.name}`);
    }
};

person.greet(); // Hello, my name is Bob

7. 數組(Array)應用

用於儲存有序的數據集合,如購物清單或學生名單。

let shoppingList = ['milk', 'bread', 'eggs'];
shoppingList.push('fruit'); // 添加元素
console.log(shoppingList); // ['milk', 'bread', 'eggs', 'fruit']

// 遍歷數組
for (let item of shoppingList) {
    console.log(item);
}

8. 函數(Function)應用

用於執行重複的任務或計算。

function calculateAverage(numbers) {
    let total = 0;
    for (let num of numbers) {
        total += num;
    }
    return total / numbers.length;
}

let scores = [90, 80, 85, 95];
let average = calculateAverage(scores);
console.log('Average Score:', average); // Average Score: 87.5

9. 狀態管理

用資料型態來管理應用程序的狀態。

let isActive = false;

function toggleActive() {
    isActive = !isActive;
    console.log(isActive ? 'Active' : 'Inactive');
}

toggleActive(); // Active
toggleActive(); // Inactive

10. 事件處理

使用資料型態來管理事件和用戶互動。

let button = document.getElementById('myButton');
button.addEventListener('click', function() {
    alert('Button clicked!');
});

這些例子展示了各種資料型態在 JavaScript 中的實際應用,從基本的數據存儲到更複雜的應用程序邏輯,資料型態在編程中發揮著關鍵的作用。


上一篇
資料型態簡介
下一篇
運算子
系列文
入門JavaScript30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言